import React from "react";

export function Menu({ setter }: { setter: (v: frame) => void }): React.JSX.Element {
    async function selectMenu(e: React.MouseEvent<HTMLAnchorElement>) {
        switch (e.currentTarget.innerText) {
            case "Преподаватели":
                setter("Преподаватели");
                break;
            case "Отделения":
                setter("Студенты");
                break;
            case "Студенты":
                setter("Студенты");
                break;
            case "Управление пользователями":
                setter("Управление пользователями");
                break;
            case "Комнаты":
                setter("Комнаты");
                break;
            case "Имущество общежития":
                setter("Имущество общежития");
                break;
            case "Договоры на проживание":
                setter("Договоры на проживание");
                break;
            case "Настройки":
                setter("Настройки");
                break;
            case "Выход":
                let r = await (await fetch("/exit", {
                    method: "post",
                    headers: { "Content-Type": "application/json" },
                    body: JSON.stringify({}),
                })).json() as { res: "bad", text: string } | { res: "ok" };
                if (r.res === "ok")
                    window.location.reload();
                break;
        }
    }
    return <div className="uk-width-1-4">
        <ul className="uk-nav uk-nav-default">
            <li className="uk-nav-header">Организация</li>
            <li><a onClick={selectMenu}>Преподаватели</a></li>
            <li><a onClick={selectMenu}>Отделения</a></li>
            <li><a onClick={selectMenu}>Студенты</a></li>
            <li className="uk-nav-divider"></li>
            <li className="uk-nav-header">Пользователи</li>
            <li><a onClick={selectMenu}>Управление пользователями</a></li>
            <li className="uk-nav-divider"></li>
            <li className="uk-nav-header">Общежитие</li>
            <li><a onClick={selectMenu}>Комнаты</a></li>
            <li><a onClick={selectMenu}>Имущество общежития</a></li>
            <li><a onClick={selectMenu}>Договоры на проживание</a></li>
            <li className="uk-nav-divider"></li>
            <li><a onClick={selectMenu}>Настройки</a></li>
            <li><a onClick={selectMenu}>Выход</a></li>
        </ul>
    </div>;
}